<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
    String path = request.getContextPath();
			String basePath = request.getScheme() + "://"
					+ request.getServerName() + ":" + request.getServerPort()
					+ path + "/";
%>

<!DOCTYPE html>
<!--[if lt IE 7]> <html dir="ltr" lang="en-US" class="ie6"> <![endif]-->
<!--[if IE 7]>    <html dir="ltr" lang="en-US" class="ie7"> <![endif]-->
<!--[if IE 8]>    <html dir="ltr" lang="en-US" class="ie8"> <![endif]-->
<!--[if gt IE 8]><!-->
<html dir="ltr" lang="en-US">
<!--<![endif]-->

<!-- BEGIN head -->
<head>

<!-- JS -->
<script type="text/javascript">
		function exit()
		{
			if(confirm("您确定要注销吗？")){
   		        window.location.href="index.jsp";
     		     return
            }
		}
		
		function go1()
		{
			window.location.href = "cart.jsp";
		}
		
		function go2()
		{
			window.location.href = "success.jsp";
		}
		
	</script>

<!--Meta Tags-->
<meta name="viewport" content="width=device-width; initial-scale=1.0" />


<!--Title-->
<title>订单页面 </title>

<!--Stylesheets-->
<link rel="stylesheet" href="css/superfish.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="css/prettyPhoto.css" type="text/css"
	media="all" />
<link type="text/css" href="css/jqueryui/jquery.ui.datepicker.css"
	rel="stylesheet" />
<link rel="stylesheet" href="style.css" type="text/css" media="all" />
<link rel="stylesheet" href="css/responsive.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="all" />
<link rel="stylesheet" href="css/colours/green.css" type="text/css"
	media="all" />
<link href='css/network1.css' rel='stylesheet' type='text/css' />
<link href='css/network2.css' rel='stylesheet' type='text/css' />

<!--Favicon-->
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

<!--JavaScript-->
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type='text/javascript' src='js/jquery-ui.min.js'></script>
<script type='text/javascript' src='js/jquery.prettyPhoto.js'></script>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.flexslider-min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>

<!--[if (gte IE 6)&(lte IE 8)]>
		<script type="text/javascript" src="js/selectivizr-min.js"></script>
	<![endif]-->

<!-- END head -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<!-- BEGIN body -->
<body>

	<!-- BEGIN .wrapper -->
	<div class="wrapper">

		<!-- BEGIN .topbar -->
		<div class="topbar clearfix">

			<!-- BEGIN .social-icons -->
			<ul class="social-icons">
				<li><a href="#"><span id="twitter_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="facebook_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="googleplus_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="skype_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="flickr_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="linkedin_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="vimeo_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="youtube_icon"></span>
				</a>
				</li>
				<li><a href="#"><span id="rss_icon"></span>
				</a>
				</li>
				<!-- END .social-icons -->
			</ul>

		<!-- BEGIN .topbar-right -->
			<div class="topbar-right clearfix">
				
				<ul class="clearfix">
					<li ><a href="my-account.jsp">欢迎：${User.userName }</a></li>
					<li class="checkout-icon"><a href="checkout.jsp">注册</a></li>
					<li class="myaccount-icon"><a href="javascript:exit()">注销</a></li>
				</ul>
		
				<div class="cart-top">
					<p><a href="cart.jsp">Items</a></p>
				</div>
				
			<!-- END .topbar-right -->
			</div>
		
		<!-- END .topbar -->
		</div>
		
		<!-- BEGIN #site-title -->
		<div id="site-title">
			<a href="userIndex.jsp">
				<h1>校园订餐系统<span>shop</span></h1>
			</a>
		<!-- END #site-title -->
		</div>

		<!-- BEGIN .main-menu-wrapper -->
		<div id="main-menu-wrapper" class="clearfix">
			
			<ul id="main-menu" class="fl">
				<li class="current_page_item"><a href="userIndex.jsp">主页</a></li>
				<li><a href="products.html">菜品</a>
					<ul>
						<li><a href="displayFoods.action">全部菜品</a></li>
						<li><a href="product-single.html">菜系</a>
							<ul>
								<li><a href="displaySelFoods.action?cuisineId=2">鲁菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=8">粤菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=1">川菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=4">湘菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=3">闽菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=5">浙菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=6">苏菜</a></li>
								<li><a href="displaySelFoods.action?cuisineId=7">徽菜</a></li>
							</ul>
						</li>
						<li><a href="product-single.html">餐馆</a>
							<ul>
								<li><a href="displaySelFoods.action?districtId=1">一食堂</a></li>
								<li><a href="displaySelFoods.action?districtId=2">二食堂</a></li>
								<li><a href="displaySelFoods.action?districtId=3">清真食堂</a></li>
								<li><a href="displaySelFoods.action?districtId=4">辅助食堂</a></li>
								<li><a href="displaySelFoods.action?districtId=5">教职工食堂</a></li>
							</ul>
						</li>
					</ul>
				</li>
				<li><a href="allIntro.action">特色简介</a></li>
				<li><a href="index.jsp">关于</a>
					<ul>
						<li><a href="index.jsp">技术支持</a></li>
					</ul>
				</li>
				<li><a href="index.jsp">联系我们</a></li>	
			</ul>
			
			<form method="get" action="serchFoods.action" id="menu-search" class="fr" >
				<input type="text" name="foodName" />
			</form>

			<!-- END .main-menu-wrapper -->
		</div>

		<div id="page-header">
			<img src="images/page-header1.jpg" alt="" />
		</div>

		<!-- BEGIN .section -->
		<div class="section page-content clearfix">

			<h2 class="page-title">我的订单</h2>


			<ul class="columns-2 clearfix">
				<li class="col2">

					<div class="tag-title-wrap clearfix">
						<h4 class="tag-title">收货人信息</h4>
					</div>

					
					收货人：<input type="text" /><br>
					收货地址：<input type="text" /><br>
					联系电话：<input type="text" /><br>
						
					</li>

				<li class="col2">

					<div class="tag-title-wrap clearfix">
						<h4 class="tag-title">送货方式</h4>
					</div>

					结账发货：<input type="radio"/>（只支持网上发货）<br>
					货到付款：<input type="radio"/>（收货人需要在收货时用现金向送货员支付订单款项）<br>
					
			</ul>

			<div class="tag-title-wrap clearfix">
				<h4 class="tag-title">商品清单</h4>
			</div>

			<table width="100%" class="account-table">
					<thead>
						<tr>
							<th>菜品ID</th>
							<th>菜品名称</th>
							<th>数量</th>
							<th>价格</th>
							<th>移除</th>
						</tr>
					</thead>
					<tbody>
						<c:forEach var="item" items="${cart }"> 
						<tr>
							<td data-title="Product #">1</td>
							<td data-title="Product Name">麻辣鸡丝</td>
							<td data-title="Qty">	
									1
							</td>
							<td data-title="Totals">￥5</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">2</td>
							<td data-title="Product Name">宫保鸡丁</td>
							<td data-title="Qty">	
									1
							</td>
							<td data-title="Totals">￥4</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">3</td>
							<td data-title="Product Name">佛跳墙</td>
							<td data-title="Qty">	
									1
							</td>
							<td data-title="Totals">￥10</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						<tr>
							<td data-title="Product #">4</td>
							<td data-title="Product Name">东安子鸡</td>
							<td data-title="Qty">	
									1
							</td>
							<td data-title="Totals">￥9</td>
							<td data-title="Remove"><input type="checkbox" name="remove-item" value="0123" /></td>
						</tr>
						</c:forEach>
					</tbody>
				</table>
				
				<!-- BEGIN .clearfix -->
				<div class="cart-options clearfix">
			
			
					<div class="cart-buttons fr">
						<input class="button2 fl" style="margin: 2px 10px 0 0;" type="button" value="回到购物车" name="submit"  onclick="go1()"/>
						<input class="button2 fr" style="margin: 2px 0 0 0;" type="button" value="提交订单 &raquo;" name="submit"  onclick="go2()"/>
					</div>
				
				<!-- END .clearfix -->
				</div>
			

			<!-- END .section -->
		</div>

		<!-- BEGIN #footer -->
		<div id="footer">
			
			<ul class="columns-4 clearfix">
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>客户服务</h6>
						</div>
						
						<ul>
							<li class="contact-phone">15294184185</li>
							<li class="contact-mail">yxcym@vip.qq.com</li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>元素种类</h6>
						</div>
						
						<ul>
							<li><a href="#">Skin Care</a></li>
							<li><a href="#">Bath &amp; Body Care</a></li>
							<li><a href="#">Fragrance</a></li>
							<li><a href="#">Make-Up</a></li>
							<li><a href="#">Hair</a></li>
							<li><a href="#">Moisturisers</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>标签</h6>
						</div>
						
						<ul class="wp-tag-cloud clearfix">
							<li><a href="#">Body Scrubs</a></li>
							<li><a href="#">Eye Care</a></li>
							<li><a href="#">Eyes</a></li>
							<li><a href="#">Lips</a></li>
							<li><a href="#">Cheeks</a></li>
							<li><a href="#">Candles</a></li>
							<li><a href="#">Shampoo</a></li>
							<li><a href="#">Conditioner</a></li>
							<li><a href="#">Body Wash</a></li>
						</ul>
						
					<!-- END .widget -->
					</div>
					
				</li>
				<li class="col4">
					
					<!-- BEGIN .widget -->
					<div class="widget">
						<div class="widget-title clearfix">
							<h6>校园官网</h6>
						</div>
						
						<div class="flickr_badge_wrapper clearfix">
							<div style="clear:both;margin:0 0 10px 0;"></div>
							<p class="button2"><a href="#">www.gsau.edu.cn</a></p>
						</div>
						
					<!-- END .widget -->
					</div>
					
				</li>
			</ul>
		
		<!-- END #footer -->
		</div>

		<div id="footer-bottom" class="clearfix">

			<div class="fl">

				<ul>
					<li><a href="index.html">Home</a>
					</li>
					<li><a href="blog.html">Blog</a>
					</li>
					<li><a href="contact.html">Contact Us</a>
					</li>
					<li><a href="products.html">Products</a>
					</li>
				</ul>

				<p>&copy; Copyright 2013</p>

			</div>

			<div class="fr">
				<img src="images/payment-methods.png" alt="Payment Methods" />
			</div>

		</div>

		<!-- END .wrapper -->
	</div>

	<!-- END body -->
	<div style="display:none">
		<script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540'
			language='JavaScript' charset='gb2312'></script>
	</div>
</body>
</html>
